.container {
    width: 100%;
}
.App {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}
.popDate {
    padding: 0 1rem;
    box-sizing: border-box;
    margin-top: 0.54rem;
    font-size: 0.34rem;
    font-weight: 400;
    color: #333333;
    font-family: "MiSans-Regular";
    .adm-picker-view-mask {
        width: 100%;
        padding: 0 0.73rem;
        box-sizing: border-box;
    }
    .adm-picker-view-mask-top {
        background: linear-gradient(to top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8)) !important;
    }
    .adm-picker-view-mask-middle {
        border-top: none !important;
        border-bottom: none !important;
        background-color: rgba(0, 0, 0, 0.05);
        height: 0.64rem;
        border-radius: 0.16rem;
    }
    .adm-picker-view-mask-bottom {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8)) !important;
    }
    .adm-picker-view-column-item-active {
        
        
        font-size: 0.38rem;
        font-weight: 400;
    }
}
.popGender {
    font-size: 0.31rem;
    font-family: "MiSans-Regular";
    font-weight: 400;
    .adm-picker-view-mask-top {
        background: linear-gradient(to top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8)) !important;
    }
    .adm-picker-view-mask-middle {
        border-top: none !important;
        border-bottom: none !important;
    }
    .adm-picker-view-mask-bottom {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8)) !important;
    }
    .adm-picker-view-column-item-active {
        color: #FF612E !important;
        font-size: 0.42rem;
        line-height: 0.46rem;
        font-family: "MiSans-Medium";
    }
    .adm-picker-view-column-item {
        padding: 0 !important;
    }
}
.popStature {
    .adm-picker-view-column-item-active {
        .adm-picker-view-column-item-label {
            padding: 0 0.36rem;
            position: relative;
        }
        .adm-picker-view-column-item-label::after {
            content: "cm";
            position: absolute;
            font-size: 0.2rem;
            right: 0;
            top: -0.12rem;
            font-family: "MiSans-Medium";
        }
    }
}

.popWeight {
    .adm-picker-view-column-item-active {
        .adm-picker-view-column-item-label {
            padding: 0 0.28rem;
            position: relative;
        }
        .adm-picker-view-column-item-label::after {
            content: "kg";
            position: absolute;
            font-size: 0.2rem;
            right: 0;
            top: -0.12rem;
            font-family: "MiSans-Medium";
        }
    }
}

.adm-swipe-action-action-button.adm-button {
    padding-right: 0.38rem !important;
    padding-left: 0.15rem !important;
}

.adm-image-uploader-cell, .adm-image-uploader-cell-image {
    width: 1.9rem !important;
    height: 1.9rem !important;
    border-radius: 0.3rem !important;
}

.adm-image-img {
    border-radius: 0.3rem;
}

.adm-image-uploader-cell {
    overflow: inherit !important;
}

.adm-image {
    overflow: hidden;
}

.adm-space-horizontal > .adm-space-item {
    margin-right: 0.32rem !important;
}

.adm-image-uploader-cell-delete {
    width: 0.6rem !important;
    height: 0.6rem !important;
    background-color: transparent !important;
    top: -0.19rem !important;
    right: -0.19rem !important;
}

.adm-toast-main-text {
    padding: 0.2rem 0.32rem !important;
    background-color: rgba(242,242,242,0.64) !important;
    border-radius: 0.25rem !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    color: rgba(0, 0, 0, 0.80) !important;
    font-size: 0.24rem !important;
    font-family: "MiSans-Regular" !important;
    box-shadow: 0 10px 10px rgba(97, 96, 96, 0.1);
}

.adm-switch-checkbox:before {
    background: none !important;
}

:root {
    --adm-font-family: "MiSans-Regular" !important;
}

.popDuration {
    .adm-picker-view-mask-middle {
        position: relative;
    }

    .adm-picker-view-mask-middle::after {
        content: ":";
        color: #FF612E;
        position: absolute;
        left: 50%;
        top: 50%;
        font-weight: bold;
        transform: translate(-50%, -50%);
    }
}
